<template>
    <div class="prolistheader">
        <span @click="gotomall">&#xe63f;</span>
        <input type="text" placeholder="搜点什么呢？">
    </div>
</template>

<script>
export default {
  name: 'prolistheader',
  methods: {
    gotomall () {
      this.$router.history.push('/mall')
    }
  }
}
</script>

<style lang='scss'>
@font-face {
  font-family: 'iconfont';  /* project id 931790 */
  src: url('//at.alicdn.com/t/font_931790_b4eavjm5sl8.eot');
  src: url('//at.alicdn.com/t/font_931790_b4eavjm5sl8.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_931790_b4eavjm5sl8.woff') format('woff'),
  url('//at.alicdn.com/t/font_931790_b4eavjm5sl8.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_931790_b4eavjm5sl8.svg#iconfont') format('svg');
}
.prolistheader{
    height: 52px;
    width: 100%;
    padding-top: 10px;
    span{
        font-family: iconfont;
        margin-left: 10px;
        margin-top: 10px;
    }
    input{
        height: 30px;
        width: 248px;
        margin-left: 15px;
        border-radius: 10px;
        border: none;
        background: #d1d1d1
    }

}
</style>
